<template>
	<view class='newsDetail'>
		<view class='conters'>
			<view class="" v-html="articleInfo"></view>
			<image src="https://pay.rensilaw.com/h5/static/hetong_1.png" mode="" style="width: 150px;height: 150px;position: absolute;left: 30px;top: 50px;"></image>
			<!-- <jyf-parser :html="articleInfo" ref="article"></jyf-parser> -->
		</view>
		
	</view>

</template>

<script>
	export default{
		data(){
			return {
				articleInfo:{},
				id:'',
				type:'',
			}
		},
		onLoad(e) {
			let that = this
			console.log(e)
			that.id = e.order_no
			that.getData()
		},
		methods: {
			getData(){
				let that = this
				that.tui.request("api.data/contract", "GET", {order_no:that.id}, false, false, true).then((res) => {
					that.articleInfo = res.data.content
					
				}).catch((res) => {
					
				})
			}
		},
	}
</script>

<style lang="scss">
	.newsDetail{padding-bottom: 20rpx;}
	.newsDetail .title {
		padding: 40rpx 30rpx 0;
		font-size: 34rpx;
		font-weight: bold;
		margin: 0rpx 0 23rpx 0;
		line-height: 1.5;
	}
	
	.newsDetail .list {
		margin: 0 30rpx;
		// border-bottom: 1rpx solid #eee;
		padding-bottom: 25rpx;
	}
	
	.newsDetail .list .label {
		font-size: 30rpx;
		// height: 38rpx;
		// border-radius: 3rpx;
		// text-align: center;
		// line-height: 38rpx;
		// padding: 0 10rpx;
	}
	
	.newsDetail .list .item {
		font-size: 30rpx;
		color: #B1B2B3;
	}
	
	.newsDetail .list .item .iconfont {
		font-size: 28rpx;
		margin-right: 10rpx;
	}
	
	.newsDetail .list .item .iconfont.icon-shenhezhong {
		font-size: 26rpx;
	}
	
	.newsDetail .conters {position: relative;
		padding: 0 30rpx;
		font-size: 32rpx;
		line-height: 1.7;
	}
</style>